<!-- Comparison Table -->
<div class="relative">
  <div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 md:py-14 lg:py-20 mx-auto">
    <div class="max-w-2xl mx-auto text-center mb-10 lg:mb-14">
      <h2 class="text-2xl font-bold md:text-3xl md:leading-tight dark:text-white">Compare plans</h2>
    </div>

    <div
      class="
        relative
        after:absolute
        after:inset-x-0
        after:bottom-0
        after:z-10
        after:w-full
        after:h-48
        after:bg-gradient-to-t
        after:from-white
        after:via-white/70
        dark:after:from-slate-900
        dark:after:via-slate-900/95
      "
    >
      <!-- Header -->
      <div class="hidden lg:block sticky top-0 left-0 py-2 bg-white dark:bg-slate-900">
        <!-- Grid -->
        <div class="grid grid-cols-6 gap-6">
          <div class="col-span-2">
            <!-- Header -->
            <div class="h-full"></div>
            <!-- End Header -->
          </div>
          <!-- End Col -->

          <div class="col-span-1">
            <!-- Header -->
            <div
              class="
                h-full
                p-4
                flex flex-col
                justify-between
                bg-white
                border border-gray-200
                rounded-xl
                dark:bg-slate-900
                dark:border-gray-700
              "
            >
              <div>
                <span class="font-semibold text-lg text-gray-800 dark:text-gray-200"> Free </span>
                <p class="text-xs text-gray-500">Free forever</p>
              </div>
              <div class="mt-2">
                <a
                  class="
                    w-full
                    py-2
                    px-3
                    inline-flex
                    justify-center
                    items-center
                    gap-2
                    rounded-md
                    border
                    font-medium
                    bg-white
                    text-gray-700
                    shadow-sm
                    align-middle
                    hover:bg-gray-50
                    focus:outline-none
                    focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-blue-500
                    transition-all
                    text-sm
                    dark:bg-slate-900
                    dark:hover:bg-slate-800
                    dark:border-gray-700
                    dark:text-gray-400
                    dark:hover:text-white
                    dark:focus:ring-offset-gray-800
                  "
                  href="#"
                >
                  Get started
                </a>
              </div>
            </div>
            <!-- End Header -->
          </div>
          <!-- End Col -->

          <div class="col-span-1">
            <!-- Header -->
            <div
              class="
                h-full
                p-4
                flex flex-col
                justify-between
                bg-white
                border border-gray-200
                rounded-xl
                dark:bg-slate-900
                dark:border-gray-700
              "
            >
              <div>
                <span class="font-semibold text-lg text-gray-800 dark:text-gray-200">
                  Startup
                </span>
                <p class="text-xs text-gray-500">$39 per month billed annually</p>
              </div>
              <div class="mt-2">
                <a
                  class="
                    w-full
                    py-2
                    px-3
                    inline-flex
                    justify-center
                    items-center
                    gap-x-3
                    text-center
                    bg-blue-500
                    hover:bg-blue-600
                    text-white text-sm
                    font-medium
                    rounded-lg
                    hover:shadow-md
                    focus:outline-none
                    focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-white
                    transition
                    dark:focus:ring-offset-gray-800
                  "
                  href="#"
                >
                  Get started
                </a>
              </div>
            </div>
            <!-- End Header -->
          </div>
          <!-- End Col -->

          <div class="col-span-1">
            <!-- Header -->
            <div
              class="
                h-full
                p-4
                flex flex-col
                justify-between
                bg-white
                border border-gray-200
                rounded-xl
                dark:bg-slate-900
                dark:border-gray-700
              "
            >
              <div>
                <span class="font-semibold text-lg text-gray-800 dark:text-gray-200"> Team </span>
                <p class="text-xs text-gray-500">$89 per month billed annually</p>
              </div>
              <div class="mt-2">
                <a
                  class="
                    w-full
                    py-2
                    px-3
                    inline-flex
                    justify-center
                    items-center
                    gap-2
                    rounded-md
                    border
                    font-medium
                    bg-white
                    text-gray-700
                    shadow-sm
                    align-middle
                    hover:bg-gray-50
                    focus:outline-none
                    focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-blue-500
                    transition-all
                    text-sm
                    dark:bg-slate-900
                    dark:hover:bg-slate-800
                    dark:border-gray-700
                    dark:text-gray-400
                    dark:hover:text-white
                    dark:focus:ring-offset-gray-800
                  "
                  href="#"
                >
                  Get started
                </a>
              </div>
            </div>
            <!-- End Header -->
          </div>
          <!-- End Col -->

          <div class="col-span-1">
            <!-- Header -->
            <div
              class="
                h-full
                p-4
                flex flex-col
                justify-between
                bg-white
                border border-gray-200
                rounded-xl
                dark:bg-slate-900
                dark:border-gray-700
              "
            >
              <div>
                <span class="font-semibold text-lg text-gray-800 dark:text-gray-200">
                  Enterprise
                </span>
                <p class="text-xs text-gray-500">$149 per month billed annually</p>
              </div>
              <div class="mt-2">
                <a
                  class="
                    w-full
                    py-2
                    px-3
                    inline-flex
                    justify-center
                    items-center
                    gap-2
                    rounded-md
                    border
                    font-medium
                    bg-white
                    text-gray-700
                    shadow-sm
                    align-middle
                    hover:bg-gray-50
                    focus:outline-none
                    focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-blue-500
                    transition-all
                    text-sm
                    dark:bg-slate-900
                    dark:hover:bg-slate-800
                    dark:border-gray-700
                    dark:text-gray-400
                    dark:hover:text-white
                    dark:focus:ring-offset-gray-800
                  "
                  href="#"
                >
                  Get started
                </a>
              </div>
            </div>
            <!-- End Header -->
          </div>
          <!-- End Col -->
        </div>
        <!-- End Grid -->
      </div>
      <!-- End Header -->

      <!-- Section -->
      <div class="space-y-4 lg:space-y-0">
        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 lg:py-3">
            <span class="text-lg font-semibold text-gray-800 dark:text-gray-200"> General </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200"> Number of seats </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span
                class="
                  lg:hidden
                  md:col-span-2
                  font-semibold
                  text-sm text-gray-800
                  dark:text-gray-200
                "
              >
                Free
              </span>
              <span class="text-sm text-gray-800 dark:text-gray-200"> 1 </span>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span
                class="
                  lg:hidden
                  md:col-span-2
                  font-semibold
                  text-sm text-gray-800
                  dark:text-gray-200
                "
              >
                Startup
              </span>
              <span class="text-sm text-gray-800 dark:text-gray-200"> Up to 3 </span>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span
                class="
                  lg:hidden
                  md:col-span-2
                  font-semibold
                  text-sm text-gray-800
                  dark:text-gray-200
                "
              >
                Team
              </span>
              <span class="text-sm text-gray-800 dark:text-gray-200"> Up to 10 </span>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span
                class="
                  lg:hidden
                  md:col-span-2
                  font-semibold
                  text-sm text-gray-800
                  dark:text-gray-200
                "
              >
                Enterprise
              </span>
              <span class="text-sm text-gray-800 dark:text-gray-200"> Unlimited </span>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200"> Storage </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span
                class="
                  lg:hidden
                  md:col-span-2
                  font-semibold
                  text-sm text-gray-800
                  dark:text-gray-200
                "
              >
                Free
              </span>
              <span class="text-sm text-gray-800 dark:text-gray-200"> 15 GB </span>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span
                class="
                  lg:hidden
                  md:col-span-2
                  font-semibold
                  text-sm text-gray-800
                  dark:text-gray-200
                "
              >
                Startup
              </span>
              <span class="text-sm text-gray-800 dark:text-gray-200"> 1 TB </span>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span
                class="
                  lg:hidden
                  md:col-span-2
                  font-semibold
                  text-sm text-gray-800
                  dark:text-gray-200
                "
              >
                Team
              </span>
              <span class="text-sm text-gray-800 dark:text-gray-200"> 15 TB </span>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span
                class="
                  lg:hidden
                  md:col-span-2
                  font-semibold
                  text-sm text-gray-800
                  dark:text-gray-200
                "
              >
                Enterprise
              </span>
              <span class="text-sm text-gray-800 dark:text-gray-200"> Unlimited </span>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200"> Email sharing </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200">
              Any time, anywhere access
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->
      </div>
      <!-- End Section -->

      <!-- Section -->
      <div class="mt-6 space-y-4 lg:space-y-0">
        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 lg:py-3">
            <span class="text-lg font-semibold text-gray-800 dark:text-gray-200">
              Financial data
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200"> Open/High/Low/Close </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200">
              Price-volume difference indicator
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->
      </div>
      <!-- End Section -->

      <!-- Section -->
      <div class="mt-6 space-y-4 lg:space-y-0">
        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 lg:py-3">
            <span class="text-lg font-semibold text-gray-800 dark:text-gray-200">
              On-chain data
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200"> Network growth </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200">
              Average token age consumed
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200"> Exchange flow </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200">
              Total ERC20 exchange funds flow
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200"> Transaction volume </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200"> Total circulation (beta) </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200">
              Velocity of tokens (beta)
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200"> ETH gas used </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->
      </div>
      <!-- End Section -->

      <!-- Section -->
      <div class="mt-6 space-y-4 lg:space-y-0">
        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 lg:py-3">
            <span class="text-lg font-semibold text-gray-800 dark:text-gray-200">
              Social data
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200"> Dev activity </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200"> Topic search </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-gray-800 dark:text-gray-200">
              Relative social dominance
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Free
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Startup
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Team
              </span>
              <svg
                class="w-4 h-4 lg:mx-auto text-gray-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  fill-rule="evenodd"
                  d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li
            class="
              col-span-1
              py-1.5
              lg:py-3
              px-4
              lg:px-0
              lg:text-center
              bg-gray-100
              dark:bg-white/[.05]
            "
          >
            <div class="grid grid-cols-6 lg:block">
              <span
                class="lg:hidden col-span-2 font-semibold text-sm text-gray-800 dark:text-gray-200"
              >
                Enterprise
              </span>
              <svg
                class="w-5 h-5 lg:mx-auto text-blue-500"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                viewBox="0 0 16 16"
              >
                <path
                  d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->
      </div>
      <!-- End Section -->

      <!-- Load More Content -->
      <div
        id="view-all-features-button"
        class="hs-collapse hidden w-full overflow-hidden transition-[height] duration-300"
        aria-labelledby="view-all-features"
      >
        <!-- Section -->
        <div class="mt-6 relative z-20 space-y-4 lg:space-y-0">
          <!-- List -->
          <ul class="grid lg:grid-cols-6 lg:gap-6">
            <!-- Item -->
            <li class="lg:col-span-2 lg:py-3">
              <span class="text-lg font-semibold text-gray-800 dark:text-gray-200">
                Additional features
              </span>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"
            ></li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"
            ></li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"
            ></li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"
            ></li>
            <!-- End Item -->
          </ul>
          <!-- End List -->

          <!-- List -->
          <ul class="grid lg:grid-cols-6 lg:gap-6">
            <!-- Item -->
            <li class="lg:col-span-2 pb-1.5 lg:py-3">
              <span class="text-sm text-gray-800 dark:text-gray-200">
                Dedicated account manager
              </span>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Free
                </span>
                <svg
                  class="w-4 h-4 lg:mx-auto text-gray-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    fill-rule="evenodd"
                    d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Startup
                </span>
                <svg
                  class="w-4 h-4 lg:mx-auto text-gray-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    fill-rule="evenodd"
                    d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Team
                </span>
                <svg
                  class="w-5 h-5 lg:mx-auto text-blue-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Enterprise
                </span>
                <svg
                  class="w-5 h-5 lg:mx-auto text-blue-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->
          </ul>
          <!-- End List -->

          <!-- List -->
          <ul class="grid lg:grid-cols-6 lg:gap-6">
            <!-- Item -->
            <li class="lg:col-span-2 pb-1.5 lg:py-3">
              <span class="text-sm text-gray-800 dark:text-gray-200"> 24/7 support </span>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Free
                </span>
                <svg
                  class="w-4 h-4 lg:mx-auto text-gray-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    fill-rule="evenodd"
                    d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Startup
                </span>
                <svg
                  class="w-5 h-5 lg:mx-auto text-blue-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Team
                </span>
                <svg
                  class="w-5 h-5 lg:mx-auto text-blue-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Enterprise
                </span>
                <svg
                  class="w-5 h-5 lg:mx-auto text-blue-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->
          </ul>
          <!-- End List -->

          <!-- List -->
          <ul class="grid lg:grid-cols-6 lg:gap-6">
            <!-- Item -->
            <li class="lg:col-span-2 pb-1.5 lg:py-3">
              <span class="text-sm text-gray-800 dark:text-gray-200"> Rewards </span>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Free
                </span>
                <svg
                  class="w-4 h-4 lg:mx-auto text-gray-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    fill-rule="evenodd"
                    d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Startup
                </span>
                <svg
                  class="w-4 h-4 lg:mx-auto text-gray-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    fill-rule="evenodd"
                    d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Team
                </span>
                <svg
                  class="w-4 h-4 lg:mx-auto text-gray-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    fill-rule="evenodd"
                    d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Enterprise
                </span>
                <svg
                  class="w-5 h-5 lg:mx-auto text-blue-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->
          </ul>
          <!-- End List -->

          <!-- List -->
          <ul class="grid lg:grid-cols-6 lg:gap-6">
            <!-- Item -->
            <li class="lg:col-span-2 pb-1.5 lg:py-3">
              <span class="text-sm text-gray-800 dark:text-gray-200"> Business API </span>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Free
                </span>
                <svg
                  class="w-4 h-4 lg:mx-auto text-gray-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    fill-rule="evenodd"
                    d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Startup
                </span>
                <svg
                  class="w-4 h-4 lg:mx-auto text-gray-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    fill-rule="evenodd"
                    d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Team
                </span>
                <svg
                  class="w-4 h-4 lg:mx-auto text-gray-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    fill-rule="evenodd"
                    d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li
              class="
                col-span-1
                py-1.5
                lg:py-3
                px-4
                lg:px-0
                lg:text-center
                bg-gray-100
                dark:bg-white/[.05]
              "
            >
              <div class="grid grid-cols-6 lg:block">
                <span
                  class="
                    lg:hidden
                    col-span-2
                    font-semibold
                    text-sm text-gray-800
                    dark:text-gray-200
                  "
                >
                  Enterprise
                </span>
                <svg
                  class="w-5 h-5 lg:mx-auto text-blue-500"
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  fill="currentColor"
                  viewBox="0 0 16 16"
                >
                  <path
                    d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
                  />
                </svg>
              </div>
            </li>
            <!-- End Item -->
          </ul>
          <!-- End List -->
        </div>
        <!-- End Section -->
      </div>
      <!-- End Load More Content -->
    </div>

    <!-- View More Button -->
    <div class="mt-8 text-center">
      <button
        type="button"
        id="view-all-features"
        class="
          hs-collapse-toggle hs-collapse-open:rounded-full hs-collapse-open:px-3
          group
          py-3
          px-4
          inline-flex
          justify-center
          items-center
          gap-2
          rounded-md
          border border-blue-500
          font-medium
          bg-white
          text-blue-500
          shadow-sm
          align-middle
          hover:bg-blue-50
          focus:outline-none
          focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-blue-500
          transition-all
          text-sm
          dark:bg-slate-900
          dark:hover:bg-blue-800/20
          dark:border-blue-500
          dark:text-blue-500
          dark:focus:ring-offset-gray-800
        "
        data-hs-collapse="#view-all-features-button"
      >
        <span class="hs-collapse-open:hidden">View all features</span>
        <svg
          class="
            hidden
            hs-collapse-open:block
            group-hover:rotate-180
            transition
            duration-300
            w-3
            h-3
          "
          xmlns="http://www.w3.org/2000/svg"
          width="16"
          height="16"
          fill="currentColor"
          viewBox="0 0 16 16"
        >
          <path
            d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"
          />
        </svg>
      </button>
    </div>
    <!-- End View More Button -->
  </div>
</div>
<!-- End Comparison Table -->
